<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>注册</title>

    <!-- CSS -->
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">
    <link rel="stylesheet" href="css/lib/bootstrap.min.css">
    <link rel="stylesheet" href="css/login_form.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="css/nav.css">

    <!-- Javascript -->
    <script src="js/lib/jquery-3.3.1.min.js"></script>
    <script src="js/lib/bootstrap.js"></script>
    <script src="js/lib/jquery.backstretch.js"></script>
    <script src="js/login.js"></script>

</head>

<body>

<!-- 导航 -->
<div class="logo"></div>
<div class="dh">
    <ul class="dh_con">
        <li>
            <a href="index.html" class="nav-underline" target="_blank">华夏</a>
        </li>&nbsp;|&nbsp;
        <li>
            <a href="near_history.html" class="nav-underline" target="_blank">苏醒</a>
        </li>&nbsp;|&nbsp;
        <li>
            <a href="now.html" class="nav-underline" target="_blank">复兴</a>
        </li>&nbsp;|&nbsp;
        <li>
            <a href="world.html" class="nav-underline" target="_blank">世界风貌</a>
        </li>&nbsp;|&nbsp;
        <li>
            <a href="board.html" class="nav-underline" target="_blank">留言板</a>
        </li>&nbsp;|&nbsp;
        <li>
            <span href="" class="nav-underline">个人中心</span>
            <div class="second_nav">
                <ul>
                    <li><a href="login.html" target="_blank">登陆</a></li>
                    <li><a href="register.html" target="_self">注册</a></li>
                </ul>
            </div>
        </li>
    </ul>
</div>

<!-- 表单 -->
<div class="top-content">
    <div class="inner-bg">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text">
                    <h1>注&nbsp;&nbsp;册</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 form-box">
                    <div class="form-top">
                        <div class="form-top">
                            <h3>输入您的各项信息</h3>
                        </div>
                    </div>
                    <div class="form-bottom">
                        <form role="form" action="" method="post" class="login-form">
                            <div class="form-group">
                                <label class="sr-only" for="form-username">Username</label>
                                <input type="text" name="form-username" placeholder="Username..."
                                       class="form-username form-control" id="form-username">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-password">Password</label>
                                <input type="password" name="form-password" placeholder="Password..."
                                       class="form-password form-control" id="form-password">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-confirm-password">Confirm Password</label>
                                <input type="password" name="form-password" placeholder="Confirm Password..."
                                       class="form-password form-control" id="form-confirm-password">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-gender" id="form-gender">Gender</label>
                                <input type="radio" value="男" name="gender">男
                                <input type="radio" value="女" name="gender">女
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-password">Introduction</label>
                                <input type="text" name="form-introduction" placeholder="Introduction..."
                                       class="form-introduction form-control" id="form-introduction">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-password">E-mail</label>
                                <input type="text" name="form-email" placeholder="E-mail"
                                       class="form-email form-control" id="form-email">
                            </div>
                            <div class="form-group">
                                <label class="sr-only" for="form-address">E-mail</label>
                                <input type="text" name="form-address" placeholder="Address"
                                       class="form-address form-control" id="form-address">
                            </div>
                            <button type="submit" class="btn">Register</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>